@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{padding:0;margin:0;font-family:"微软雅黑"}
*{padding:0;margin:0;font-family:"微软雅黑"}
ol,ul{list-style:none}
a{text-decoration:none;color:#686868}
img{border:0}
.side{position:fixed;width:78px;right:0;top:70%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0054a7;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0054a7;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideewm .bdBox.son{width: 500px;
    display: none;
    color: #363636;
    text-align: center;
    padding-top: 0;
    position: absolute;
    left: -503px;
    top: -110px;
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #e0e0e0;    background-color: #fff;}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#0054a7}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}

    .biaodan_shang {
    width: 490px;
    margin: 0 auto;
    margin-bottom: 10px;
}
    .biaodan_shang .biaodan_1 {
    width: 45%;
    height: 35px;
    border-radius: 4px;
    border: 1px;
    background-color: #e6e6e6;
    padding: 0px 10px;
    line-height: 35px;
}
.biaodan_shang .biaodan_2{    width: 91%;
    height: 90px;
    border-radius: 4px;
    border: 1px;
    background-color: #e6e6e6;
    padding: 0px 10px;
    line-height: 35px;}
    .biaodan_shang .biaodan_button{height: 39px;
    padding: 0 25px;
    border: 0;
    color: #fff;
    background-color: #0054a7;
    width: 91%;
    margin: 0;
    border-radius: 4px;}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}